<template>
    <div>
        <h1>{{ message }}</h1>
        <button @click="updateMessage">Change Message</button>
    </div>
</template>

<script>
export default {
    data() {
        return {
            message: 'Hello from Options API!'
        };
    },
    methods: {
        updateMessage() {
            this.message = 'Message updated!';
        }
    }
};
</script>

<style scoped>
/* Your styles here */
</style>